<template>
	<view>
		<!-- 智慧党建 -->
		<view class="xm-flex-r xm-align-content-center xm-padding-30r" style="align-items: center;">
			<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" style="width: 70%;overflow: hidden;margin-right: 10rpx;">
				<swiper-item v-for="(item,value) in [1,2,3]">
					<view class="swiper-item xm-padding-20r" style="width: 98%;box-sizing: border-box;background-color: #007AFF;height: 300rpx;border-radius: 20rpx;">
						as
					</view>
				</swiper-item>
			</swiper>
			
			<view class="xm-flex-c xm-justify-around">
				<view class="xm-fontsize-20">
					今日政策
				</view>
				
				<view class="xm-fontsize-15">
					adas
				</view>
				<view class="xm-fontsize-15">
					adas
				</view>
				<view class="xm-fontsize-15">
					adas
				</view>
				
				
				<view class="xm-fontsize-20">
					今日政策
				</view>
				
				<view class="xm-fontsize-15">
					adas
				</view>
				<view class="xm-fontsize-15">
					adas
				</view>
				<view class="xm-fontsize-15">
					adas
				</view>
				
			</view>
			
		</view>
		
		<view class="xm-padding-30r" style="padding-top: initial;padding-bottom: initial;">
			党建动态
		</view>
		<view class="xm-padding-30r xm-flex-c">
			
			<view class="" style="margin-bottom: 20rpx;">
				<view class="xm-fontsize-20" style="">
					阿发发
				</view>
				<view class="xm-fontsize-15">
					aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				</view>
				<view class="xm-fontsize-15" style="width: 100%;text-align: right;">
					30:232:2
				</view>
				
				<view class="" style="width: 100%;border-bottom: 4rpx #828282 solid ;margin-top: 20rpx;margin-bottom: 20rpx;">
					
				</view>
			</view>
			
			<view class="" style="margin-bottom: 20rpx;">
				<view class="xm-fontsize-20" style="">
					阿发发
				</view>
				<view class="xm-fontsize-15">
					aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				</view>
				<view class="xm-fontsize-15" style="width: 100%;text-align: right;">
					30:232:2
				</view>
				
				<view class="" style="width: 100%;border-bottom: 4rpx #828282 solid ;margin-top: 20rpx;margin-bottom: 20rpx;">
					
				</view>
			</view>
			
		</view>
		
		<!-- 活动 -->
		
		<view class="">
			
			<view class="xm-fontsize-30 xm-black xm-padding-30r" style="padding-top: initial;">
				所有服务
			</view>
			
			<view class="xm-grid-c5fr" style="text-align: center;grid-row-gap: 20rpx;">
				
				<view class="xm-flex-c xm-align-content-center xm-justify-center" v-for="(item,value) in [1,2,3,1,2,3,4,5,6,7]" :key="value" style="">
					<view class="xm-brr-20rpx" style="margin: auto; background-color: #007AFF;width: 120rpx;height: 120rpx;">
						<!-- <image src="../../static/images/baricon/select_as.png" mode="" style="width: 100%;height: 100%;border-radius: 20rpx;"></image> -->
					</view>
					<view class="xm-fontsize-20">
						学习
					</view>
				</view>
			
			</view>
			
			
		</view>
		
		
		<view class="">
			<view class="xm-fontsize-30 xm-black xm-padding-30r" style="padding-bottom: initial;">
				组织活动
			</view>
			
			<view class="xm-grid-c3-auto xm-padding-30r" style="grid-gap:20rpx">
				<view class="start1" style="background-color: #26ACD4;border-radius: 20rpx;">
					a
				</view>
				<view class="item">
					a
				</view>
				<view class="item">
					a
				</view>
				<view class="item">
					a
				</view>
				<view class="item">
					a
				</view>
				<view class="item">
					a
				</view>
				
			</view>
			
			<view class="xm-padding-30r">
				<view v-for="(item,index) in [1,2,3,4]" class="xm-padding-30r" style="border-radius: 20rpx;box-sizing: border-box;width: 100%;background-color: #26ACD4;height: 220rpx;margin-bottom: 20rpx;">
					......
				</view>
			</view>
			
		</view>
		
		<view class="xm-padding-30r" style="padding-bottom: initial;">
			
			<view class="xm-fontsize-30 xm-padding-30r xm-black" style="padding-top: initial;padding-left: initial;">
				建言献策
			</view>
			
			<view v-for="(item,index) in [1,2,3,4,5]" class="xm-padding-30r" style="border-radius: 20rpx;box-sizing: border-box;width: 100%;background-color: #26ACD4;height: 220rpx;margin-bottom: 20rpx;">
				......
			</view>
			
			
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.start1{
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 3;
	}
	.item{
		height: 200rpx;
		background-color: #26ACD4;
		border-radius: 20rpx;
	}
</style>
